﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 

<html xmlns="http://www.w3.org/1999/xhtml"> 

<head> 

    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 

    <title>Rounded Corners by Style Sheet</title> 

    <style type="text/css"> 

        /*[[ Rounded message box */         .msgRoundContentUpper{clear:both;background:transparent;} /*margin:1em;*/ 

        .xtop, .xbottom {display:block;background:transparent;font-size:1px;} 

        .xb1, .xb2, .xb3, .xb4 {display:block;overflow:hidden;} 

        .xb1, .xb2, .xb3 {height:1px;} 

        .xb2, .xb3, .xb4 {background:#fad163;border-left:1px solid #000;border-right:1px solid #000;} 

        .xb1 {margin:0 5px;background:#000;} 

        .xb2 {margin:0 3px;border-width:0 2px;} 

        .xb3 {margin:0 2px;} 

        .xb4 {height:2px;margin:0 1px;} 

        .msgRoundContent 

        { 

            display:block; 

            background:#fad163;border:0 solid #000;border-width:0 1px; 

            text-align:center;margin:0px auto 0px auto;padding-left:15px;padding-right:15px; 

            font-family:Tahoma,Verdana;font-size:10.5pt;font-weight:normal;letter-spacing:.5;color:#000000; 

        } 

        /* ]]Rounded message box */ 


    </style> 

</head> 

<body> 

    <!-- Rounded Start --> 

    <div class='msgRoundContentUpper'> 

         <b class='xtop'> 

            <b class='xb1'></b><b class='xb2'></b> 

            <b class='xb3'></b><b class='xb4'></b> 

         </b> 

        <div class='msgRoundContent'> 

            Your contents 

        </div> 

        <b class='xbottom'> 

            <b class='xb4'></b><b class='xb3'></b> 

            <b class='xb2'></b><b class='xb1'></b> 

        </b> 

    </div> 

<!-- Rounded End --> 

</body> 

</html>
